<?php
    function __autoload($class_name)
	{
		include_once('../classes/'.strtolower($class_name).'.php');
	}
    
    include "editor.php";
?>
<script type="text/javascript">
    $(document).ready(function()
    {
        $("select, input, file").uniform({fileDefaultHtml: 'Chọn hình...'});
    });
    
    function getStyleProductFir()
    {
        var MaLoaiSanPham = $("#MaLoaiSanPham").val();
        if(MaLoaiSanPham != 0)
        {
            $.ajax
            ({
                type: "POST",
                data: {
                  "MaLoaiSanPham" : MaLoaiSanPham
                },
                url: "loaisanphamcap1_danhsach.php",
                success: function(html)
                {
                    $("#LoaiSanPhamCap1").html(html);
                }
            });
        }
        else
        {
            $("#LoaiSanPhamCap1").html('');
            $("#LoaiSanPhamCap2").html('');
            $("#LoaiSanPhamCap3").html('');
        }
    }
    
    function getStyleProductSec()
    {
        var MaLoaiSanPhamCap1 = $("#MaLoaiSanPhamCap1").val();
        if(MaLoaiSanPhamCap1 != 0)
        {
            $.ajax
            ({
                type: "POST",
                data: {
                  "MaLoaiSanPhamCap1" : MaLoaiSanPhamCap1
                },
                url: "loaisanphamcap2_danhsach.php",
                success: function(html)
                {
                    $("#LoaiSanPhamCap2").html(html);
                }
            });
        }
        else
        {
            $("#LoaiSanPhamCap2").html('');
            $("#LoaiSanPhamCap3").html('');
        }
    }
    
    function getStyleProductThi()
    {
        var MaLoaiSanPhamCap2 = $("#MaLoaiSanPhamCap2").val();
        if(MaLoaiSanPhamCap2 != 0)
        {
            $.ajax
            ({
                type: "POST",
                data: {
                  "MaLoaiSanPhamCap2" : MaLoaiSanPhamCap2
                },
                url: "loaisanphamcap3_danhsach.php",
                success: function(html)
                {
                    $("#LoaiSanPhamCap3").html(html);
                }
            });
        }
        else
        {
            $("#LoaiSanPhamCap3").html('');
        }
    }
    
    $.fn.clearForm = function() {
        return this.each(function() {
        var type = this.type, tag = this.tagName.toLowerCase();
        if (tag == 'form')
          return $(':input',this).clearForm();
        if (type == 'text' || type == 'password' || tag == 'textarea')
          this.value = '';
        else if (type == 'checkbox' || type == 'radio')
          this.checked = false;
        else if (tag == 'select')
          this.selectedIndex = 0;
        $('#LoaiSanPhamCap1').html('');
        $('#LoaiSanPhamCap2').html('');
        $('#LoaiSanPhamCap3').html('');
        CKEDITOR.instances.MoTa.setData('');
        CKEDITOR.instances.ChiTiet.setData('');
        CKEDITOR.instances.HuongDan.setData('');
      });
    };
</script>
<link rel="stylesheet" type="text/css" href="css/form.css"/>
<link rel="stylesheet" type="text/css" href="../includes/buttons/style.css"/>
<link rel="stylesheet" type="text/css" href="../includes/buttons/buttonPro.css"/>

<style type="text/css">
span.rice{
	float: left;
	display: inline;
	font-size: 10pt;
	color:#444;
	padding-right: 5px;
	padding-left: 3px;
	height: 24px;
	line-height: 24px;
}
</style>
<script type="text/javascript">
    $(document).ready(function(){
        $("#sanpham_them").submit(function(){
            var TenSanPham = $('#TenSanPham').val();
            var GiaGoc = $('#GiaGoc').val();
            var GiaKhuyenMai = $('#GiaKhuyenMai').val();
            var MoTa = CKEDITOR.instances.MoTa.getData();
            var ChiTiet = CKEDITOR.instances.ChiTiet.getData();
            var HuongDan = CKEDITOR.instances.HuongDan.getData();
            var SoLuong = $('#SoLuong').val();
            
            var HinhNho1 = $('#HinhNho1').val();
            var HinhNho2 = $('#HinhNho2').val();
            var HinhNho3 = $('#HinhNho3').val();
            var HinhNho4 = $('#HinhNho4').val();
            var HinhNho5 = $('#HinhNho5').val();
            
            var HinhTo1 = $('#HinhTo1').val();
            var HinhTo2 = $('#HinhTo2').val();
            var HinhTo3 = $('#HinhTo3').val();
            var HinhTo4 = $('#HinhTo4').val();
            var HinhTo5 = $('#HinhTo5').val();
            
            var data_HinhNho1 = $("#HinhNho1").prop("files")[0];
            var data_HinhNho2 = $("#HinhNho2").prop("files")[0];
            var data_HinhNho3 = $("#HinhNho3").prop("files")[0];
            var data_HinhNho4 = $("#HinhNho4").prop("files")[0];
            var data_HinhNho5 = $("#HinhNho5").prop("files")[0];
            
            var data_HinhTo1 = $("#HinhTo1").prop("files")[0];
            var data_HinhTo2 = $("#HinhTo2").prop("files")[0];
            var data_HinhTo3 = $("#HinhTo3").prop("files")[0];
            var data_HinhTo4 = $("#HinhTo4").prop("files")[0];
            var data_HinhTo5 = $("#HinhTo5").prop("files")[0];
            var MaDonViTinh = $('#MaDonViTinh').val();
            var MaQuyCach = $('#MaQuyCach').val();            
            var MaXuatXu = $('#MaXuatXu').val();
            var MaLoaiSanPham = $('#MaLoaiSanPham').val();
            var MaLoaiSanPhamCap1 = $('#MaLoaiSanPhamCap1').val();
            var MaLoaiSanPhamCap2 = $('#MaLoaiSanPhamCap2').val();
            var MaLoaiSanPhamCap3 = $('#MaLoaiSanPhamCap3').val();
            
            if(TenSanPham == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập tên sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#TenSanPham').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(GiaGoc == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập giá sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#GiaGoc').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(GiaKhuyenMai == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập giá khuyến mãi sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#GiaKhuyenMai').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(HinhNho1 == "" && HinhNho2 == "" && HinhNho3 == "" && HinhNho4 == "" && HinhNho5 == "")
    		{
                $.Zebra_Dialog(
                    'Chưa chọn hình mô tả sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#HinhNho1').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(HinhTo1 == "" && HinhTo2 == "" && HinhTo3 == "" && HinhTo4 == "" && HinhTo5 == "")
    		{
                $.Zebra_Dialog(
                    'Chưa chọn hình chi tiết sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#HinhTo1').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(MoTa == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập mô tả sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        CKEDITOR.instances.MoTa.focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(ChiTiet == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập chi tiết sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        CKEDITOR.instances.ChiTiet.focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(SoLuong == "")
    		{
                $.Zebra_Dialog(
                    'Chưa nhập số lượng sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#SoLuong').focus();
                    }
                    }
                );
    			return false;
    		}
            
            if(MaLoaiSanPham == 0)
    		{
                $.Zebra_Dialog(
                    'Chưa chọn loại sản phẩm!',
                    {
                    'type':     'warning',
                    'title':    'Thông báo',
                    'buttons':  ['Đóng'],
                    'center_buttons': true,
                    'onClose': function(){
                        $('#MaLoaiSanPham').focus();
                    }
                    }
                );
                $("#LoaiSanPhamCap1").html('');
                $("#LoaiSanPhamCap2").html('');
                $("#LoaiSanPhamCap3").html('');
    			return false;
    		}
            
            var form_data = new FormData();
            form_data.append('TenSanPham', TenSanPham);            
            form_data.append('GiaGoc', GiaGoc);            
            form_data.append('GiaKhuyenMai', GiaKhuyenMai);            
            form_data.append('MoTa', MoTa);
            form_data.append('ChiTiet', ChiTiet);
            form_data.append('HuongDan', HuongDan);
            form_data.append('SoLuong', SoLuong);
            
            form_data.append('HinhNho[]', data_HinhNho1);
            form_data.append('HinhNho[]', data_HinhNho2);
            form_data.append('HinhNho[]', data_HinhNho3);
            form_data.append('HinhNho[]', data_HinhNho4);
            form_data.append('HinhNho[]', data_HinhNho5);
            
            form_data.append('HinhTo[]', data_HinhTo1);
            form_data.append('HinhTo[]', data_HinhTo2);
            form_data.append('HinhTo[]', data_HinhTo3);
            form_data.append('HinhTo[]', data_HinhTo4);
            form_data.append('HinhTo[]', data_HinhTo5);
            
            form_data.append('MaDonViTinh', MaDonViTinh);
            form_data.append('MaQuyCach', MaQuyCach);            
            form_data.append('MaXuatXu', MaXuatXu);
            form_data.append('MaLoaiSanPham', MaLoaiSanPham);
            form_data.append('MaLoaiSanPhamCap1', MaLoaiSanPhamCap1);
            form_data.append('MaLoaiSanPhamCap2', MaLoaiSanPhamCap2);
            form_data.append('MaLoaiSanPhamCap3', MaLoaiSanPhamCap3);
            
            $.ajax({
                type: "POST",//phương thức truyền
                contentType: false,
                processData: false,
                data: form_data,
                url: "sanpham_them_sub_ajax.php",//file xử lý
                success: function(html){
                    if(html == 'yes') //Thêm thành công
                    {
                        //Thông báo thành công
                        dialog_confirmation('Thêm sản phẩm <strong>' + TenSanPham + '</strong> thành công!');
                        $('.SanPham').flexReload();
                        $('#sanpham_them').clearForm();
                        $('#TenSanPham').focus();
                    }
                    else
                    {
                        if(html == 'isset')
                        {
                            $.Zebra_Dialog(
                                'Sản phẩm <strong>' + TenSanPham + '</strong> đã tồn tại!',
                                {
                                    'type':     'error',
                                    'title':    'Thông báo',
                                    'width': 400,
                                    'buttons':  ['Đóng'],
                                    'center_buttons': true,
                                    'onClose': function(){
                                        $('#TenSanPham').select();
                                    }
                                }
                            );
                        }
                        else
                        {
                            if(html=='no')
                                dialog_error('Lỗi. Vui lòng kiểm tra lại!');
                            else
                                dialog_error(html);
                        }
                    }
                }
            });
            return false;
        });
        
    });
</script>

<script type="text/javascript">
    $(document).ready(function() 
    {
        //Thêm típ chú thích cho tên sản phẩm
        $('#TenSanPham').powerTip({placement: 'ne', smartPlacement: true});
        $('#GiaGoc').powerTip({placement: 'ne', smartPlacement: true});
        $('#GiaKhuyenMai').powerTip({placement: 'ne', smartPlacement: true});
        $('#HinhNho1').powerTip({placement: 'ne', smartPlacement: true});
        $('#HinhTo1').powerTip({placement: 'ne', smartPlacement: true});
        $('#SoLuong').powerTip({placement: 'ne', smartPlacement: true});
        
        //Sự kiện nút đóng
        $('#close').click(function(){
            $('#sanpham_them').slideUp(2000);
        });
    });
</script>
<form action="sanpham_them_sub_ajax.php" method="post" enctype="multipart/form-data" style="margin-top: 5px;" class="add" id="sanpham_them">
    <fieldset>
        <legend>Thông tin sản phẩm</legend>
        <p class="fieldset">
            <label>Tên sản phẩm <span class="require">*</span>
            </label>
            <input type="text" id="TenSanPham" name="TenSanPham" title="Nhập tên sản phẩm" class="long"/>
        </p>
        <p class="fieldset">
            <label>Giá sản phẩm <span class="require">*</span>
            </label>
            <input type="text" id="GiaGoc" name="GiaGoc" title="Nhập giá sản phẩm" class="long" />
        </p>
        <p class="fieldset">
            <label>Giá khuyến mãi <span class="require">*</span>
            </label>
            <input type="text" id="GiaKhuyenMai" name="GiaKhuyenMai" title="Nhập giá khuyến mãi sản phẩm" class="long" />
        </p>
        <p class="fieldset">
            <label>Hình mô tả <span class="require">*</span>
            </label>
            <span style="float: left;">
                <input type="file" id="HinhNho1" name="HinhNho1" title="Chọn ảnh mô tả 1 cho sản phẩm" /><br />
                <input type="file" id="HinhNho2" name="HinhNho2" title="Chọn ảnh mô tả 2 cho sản phẩm" /><br />
                <input type="file" id="HinhNho3" name="HinhNho3" title="Chọn ảnh mô tả 3 cho sản phẩm" /><br />
                <input type="file" id="HinhNho4" name="HinhNho4" title="Chọn ảnh mô tả 4 cho sản phẩm" /><br />
                <input type="file" id="HinhNho5" name="HinhNho5" title="Chọn ảnh mô tả 5 cho sản phẩm" /><br />
            </span>
        </p>
        <p class="fieldset">
            <label>Hình chi tiết <span class="require">*</span>
            </label>
            <span style="float: left;">
                <input type="file" id="HinhTo1" name="HinhTo1" title="Chọn ảnh chi tiết 1 cho sản phẩm" /><br />
                <input type="file" id="HinhTo2" name="HinhTo2" title="Chọn ảnh chi tiết 2 cho sản phẩm" /><br />
                <input type="file" id="HinhTo3" name="HinhTo3" title="Chọn ảnh chi tiết 3 cho sản phẩm" /><br />
                <input type="file" id="HinhTo4" name="HinhTo4" title="Chọn ảnh chi tiết 4 cho sản phẩm" /><br />
                <input type="file" id="HinhTo5" name="HinhTo5" title="Chọn ảnh chi tiết 5 cho sản phẩm" /><br />
            </span>
        </p>
        <p class="fieldset">
            <label>Mô tả <span class="require">*</span>
            </label>
            <span class="editor" style="float: left;">
                <textarea id="MoTa" name="MoTa" title="Mô tả sản phẩm"></textarea>
                <?php KhoiTaoEditor("MoTa", 70, 440, "BasicToolbar"); ?>
            </span>
        </p>
        <p class="fieldset">
            <label>Chi tiết <span class="require">*</span>
            </label>
            <span class="editor" style="float: left;">
                <textarea id="ChiTiet" name="ChiTiet" title="Chi tiết sản phẩm"></textarea>
                <?php KhoiTaoEditor("ChiTiet", 70, 440, "ContentToolbar"); ?>
            </span>
        </p>
        <p class="fieldset">
            <label>Hướng dẫn &nbsp;
            </label>
            <span class="editor" style="float: left;">
                <textarea id="HuongDan" name="HuongDan" title="Hướng dẫn sử dụng sản phẩm"></textarea>
                <?php KhoiTaoEditor("HuongDan", 150, 440, "ContentToolbar"); ?>
            </span>
        </p>
        <p class="fieldset">
            <label>Số lượng <span class="require">*</span>
            </label>
            <input type="text" id="SoLuong" name="SoLuong" title="Nhập số lượng sản phẩm" class="long"/>
        </p>
        <p class="fieldset">
            <label>Đơn vị tính <span class="require">*</span></label>
            <select name="MaDonViTinh" id="MaDonViTinh">
    			<?php
    				$donvitinh = new donvitinhbs();
    				$ret_donvitinh = $donvitinh->getList();
    				
    				for($i = 0; $i < ($ret_donvitinh != false ? count($ret_donvitinh) : 0); $i++)
    				{
    					echo "<option value=\"{$ret_donvitinh[$i]['MaDonViTinh']}\">{$ret_donvitinh[$i]['TenDonViTinh']}</option>";
    				}
    			?>
			</select>
        </p>
        <p class="fieldset">
            <label>Quy cách <span class="require">*</span></label>
            <select name="MaQuyCach" id="MaQuyCach">
    			<?php
    				$quycach = new quycachbs();
    				$ret_quycach = $quycach->getList();
    				
    				for($i = 0; $i < ($ret_quycach != false ? count($ret_quycach) : 0); $i++)
    				{
    					echo "<option value=\"{$ret_quycach[$i]['MaQuyCach']}\">{$ret_quycach[$i]['TenQuyCach']}</option>";
    				}
    			?>
			</select>
        </p>
        <p class="fieldset">
            <label>Xuất xứ <span class="require">*</span></label>
            <select name="MaXuatXu" id="MaXuatXu">
    			<?php
    				$xuatxu = new xuatxubs();
    				$ret_xuatxu = $xuatxu->getList();
    				
    				for($i = 0; $i < ($ret_xuatxu != false ? count($ret_xuatxu) : 0); $i++)
    				{
    					echo "<option value=\"{$ret_xuatxu[$i]['MaXuatXu']}\">{$ret_xuatxu[$i]['TenXuatXu']}</option>";
    				}
    			?>
			</select>
        </p>
        <p class="fieldset" id="LoaiSanPham">
            <label>Chọn loại sản phẩm <span class="require">*</span></label>
			<select name="MaLoaiSanPham" id="MaLoaiSanPham" onchange="getStyleProductFir();">
				<option value="0">--- Chọn ---</option>
				<?php
					$loaisanpham = new loaisanphambs();
					$ret_loaisanpham = $loaisanpham->getList();
					
					for($i = 0; $i < ($ret_loaisanpham != false ? count($ret_loaisanpham) : 0); $i++)
					{
						echo "<option value=\"{$ret_loaisanpham[$i]['MaLoaiSanPham']}\">{$ret_loaisanpham[$i]['TenLoaiSanPham']}</option>";
					}
				?>
			</select>
        </p>
        <p class="fieldset" id="LoaiSanPhamCap1">
        </p>
        <p class="fieldset" id="LoaiSanPhamCap2">
        </p>
        <p class="fieldset" id="LoaiSanPhamCap3">
        </p>
    </fieldset>
    <div style="clear: both;"></div>
    <div style="clear: both; width: 300px; margin: 0px auto; text-align: center; margin-top: 20px; position: relative;">
        <button type="submit" id="submit" class="buttonPro blue" style="margin-right: 20px;">Thêm</button>
        <button type="button" id="close" class="buttonPro blue" >Đóng</button>
    </div>
</form>